{include file="header/index" /}
<style>
    .total_money {
        width: 55%;
        text-align: right;
        font-size: 20px;
        padding: 10px 5px;
        box-sizing: border-box;
    }

    .total_money b {
        margin: 0 5px;
        color: #ff5722;
    }
</style>
<div class="newContentBox">
    <!-- 分割部分 -->
    <!--    <div class="newDivision"></div>-->
    <div class="newListPart">
        <div class="newTitleBox">
            <span class="layui-inline newListTitle">市场推广轨迹</span>
            <a class="newBtnDefault newBtnGray" onclick="returnBack(this)"> <i class="fa fa-mail-reply"></i>返回</a>
        </div>
        <form method="get" name="searchuser" action="" class="layui-form">
            <div class="newForm">
<!--                <div class="newGroup">-->
<!--                    <div class="newGroupInput">-->
<!--                        <input type="text" id="dateTime" placeholder="请选择时间范围" readonly value="" class="layui-input cover_layui_i newDate">-->
<!--                    </div>-->
<!--                </div>-->
                <div class="newGroup">
                    <div class="newGroupInput">
                        <input type="text" id="contract_number" value=""  placeholder="请输入合同编号" class="layui-input-search cover_layui_i">
                    </div>
                </div>

                <div class="newGroup newBtnBox">
                    <a id="search" class="newBtnSearch newBtnPrimary">搜索</a>
                </div>

            </div>
        </form>
        <div class="newTableBox">
            <table class="layui-table">
                <thead>
                <tr>
                    <th>操作端</th>
                    <th>审核结果</th>
                    <th>备注</th>
                    <td>操作时间</td>
                </tr>
                </thead>
                <!--套数据 laypage-->
                <script id="list-template" type="text/html">
                    {{# for(var i=0;i<d.length;i++){  }}
                    <tr>
                        <td>{{d[i].type}}</td>
                        <td>{{d[i].operation_type|| ''}}</td>
                        <td>{{d[i].remark || ''}}</td>
                        <td>{{d[i].add_time}}</td>
                    </tr>
                    {{# } }}
                </script>
                <tbody id="list-content"></tbody>
            </table>
<!--            <a class="newBtnDefault newBtnPrimary" onclick="exportRelation()"> 导出当前结算明细 </a>-->
            <!--用来存当前页码数-->
            <input type="hidden" value="1" id="curr_" />
            <input type="hidden" value="{$id}" id="id" />
            <div class="laypage">
                <div class="laypage_total">共<span id="total_number"></span>条数据&nbsp;&nbsp;<span id="allpage"></span></div>
                <div class="laypage_skip" id="AjaxPage"></div>
            </div>

        </div>

    </div>

</div>

<script>
    var layer = layui.layer,
        element = layui.element,
        laydate = layui.laydate,
        laypage = layui.laypage,
        form = layui.form,
        laytpl = layui.laytpl;
    $.ajaxSetup({headers: {token: $.cookie('token'),company: $.cookie('company_id')}});;
    //日期时间范围选择
    $('#dateTime').each(function(){
        laydate.render({
            elem: this,
            range: '~'
        })
    });

    // 导出当前关系
    function exportRelation() {
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        var request_data = {};
        request_data.search = $("#contract_number").val();
        request_data.c_time = $("#dateTime").val();
        request_data.id = 2;
        request_data = JSON.stringify(request_data);
        $.post("{:config('api')}/Achievement/Dealer/exportDealerSettlement", request_data, function(data){
            layer.close(index);
            if (data.code > 0){
                layer.msg(data.message,{icon:1,time:1500,shade: 0.1,});
                window.location.href = "{:config('api')}/" + data.data.url;
                return false;
            }
            layer.msg(data.message,{icon:2,time:1500,shade: 0.1,});
        });
    }

    Ajaxpage();
    function Ajaxpage(curr){
        var loadingFlag= layer.msg('正在读取数据，请稍候……', { icon: 16, shade: 0.01,shadeClose:false,time:60000 });
        $("#curr_").val(curr);
        var request_data = {};
        request_data.c_time = $("#dateTime").val();
        request_data.search = $("#contract_number").val();
        request_data.page = curr || 1;
        request_data.id = $("#id").val();
        request_data = JSON.stringify(request_data);
        $.post("{:config('api')}/Achievement/Dealer/getAaDealerApplyLog", request_data, function(data){
            layer.close(loadingFlag);
            var page = data.data.page;
            $("#total_number").text(page.total);
            $("#total_money").text(data.data.total_money);
            data = data.data.data;
            if(data==''){
                $("#list-content").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
            }else{
                var tpl = document.getElementById('list-template').innerHTML;
                laytpl(tpl).render(data, function(html){
                    document.getElementById('list-content').innerHTML = html;
                });
            }
            //分页
            laypage.render({
                elem: 'AjaxPage' //分页容器的id
                ,count: page.total //总条数
                ,limit: page.row //每页条数
                ,skin: '#1AB5B7' //自定义选中色值
                ,curr: curr || 1
                ,layout: [ 'prev', 'page', 'next', 'skip']
                //,skip: true //开启跳页
                ,jump: function(obj, first){
                    if(!first){
                        Ajaxpage(obj.curr)
                    }
                    $('#allpage').html('第'+ obj.curr +'页，共'+ page.total_page +'页');
                }
            });
        });
    }
    // 搜索表单
    $("#search").click(function () {
        Ajaxpage();
    });
</script>
